<template>
   <div>
    <!-- 1.  作业 -->
    <!-- <v-home></v-home> -->

    <!-- 2.父传子  理论 -->
    <!-- <v-parent-to-child-base></v-parent-to-child-base> -->

    <!-- 3.父传子  案例 -->
    <!-- <v-parent-to-child-case></v-parent-to-child-case> -->

    <!-- 4.子传父  理论 -->
    <!-- <v-child-to-parent-base></v-child-to-parent-base> -->


    <!-- 5.子传父  案例 -->
    <!-- <v-child-to-parent-case></v-child-to-parent-case> -->

    <!-- 6. 父父子组件传值 理论 -->
    <!-- <v-fei-parent-child></v-fei-parent-child> -->

    <!-- 7.ref -->
    <!-- <v-ref></v-ref> -->

    <!-- 8 is -->
    <!-- <v-is></v-is> -->


    <!-- 9.jquery使用  -->
    <!-- <v-jquery></v-jquery> -->


    <!-- 10 keep-alive -->
    <v-keep></v-keep>
   </div>
</template>

<script>
// 引入
import vHome from "./components/01_home/index.vue"
import vParentToChildBase from "./components/02_parentToChild-base/vParent.vue"
import vParentToChildCase from "./components/03_parentToChild-case/index.vue"
import vChildToParentBase from "./components/04_childToParent-base/vParent.vue"
import vChildToParentCase from "./components/05_childToParent-case/index.vue"
import vFeiParentChild from "./components/06_feiParentChild/index.vue"
import vRef from "./components/07_ref/index.vue"
import vIs from "./components/08_is/index.vue"
import vJquery from "./components/09_jquery/index.vue"
import vKeep from "./components/10_keep/index.vue"
export default {
    //2.注册
    components:{
        vHome,
        vParentToChildBase,
        vParentToChildCase,
        vChildToParentBase,
        vChildToParentCase,
        vFeiParentChild,
        vRef,
        vIs,
        vJquery,
        vKeep,
    }
}
</script>

<style>
.box{
    padding: 20px;
    margin: 20px;
    border:1px solid orange
}
</style>